<template>
	<div class="swiper-container header-swipers">
		<div class="swiper-wrapper">
			<div class="swiper-slide" v-for="item in swiperList" :key="item.id">
				<img :src="item.imgURL" />
			</div>
		</div>
	</div>
</template>

<script>
	import Swiper from 'swiper';
	export default {
		props: ['swiperList'],
		// 在挂载完之后执行初始化滑动
		mounted() {
			new Swiper ('.header-swipers',{
				//循环滑动
				loop:true,
				observer : true,
				observeParent : true
				
			})
		}
	}
		
							
</script>

<style scoped>
	.header-swipers {
		width: 100%;
		height: 4.18rem;
	}
	.swiper-wrapper{
		width: 100%;
	}
	.swiper-wrapper img {
		width: 100%;
		height: 100%;
	}
</style>
